<template>
  <router-view />
</template>

<script setup>
import useSettingsStore from "@/store/modules/settings";
import { handleThemeStyle } from "@/utils/theme";

onMounted(() => {
  nextTick(() => {
    // 初始化主题样式
    handleThemeStyle(useSettingsStore().theme);
  });
});
</script>
<style lang="scss">
html,
body,
#app {
  background: #f1f2f5;
}
.elmsgConfirmBtn {
  width: 140px;
  background-color: aqua;
  background: linear-gradient(180deg, #209f85 0%, #28b460 100%);
  border-radius: 6px 6px 6px 6px;
  border: 1px solid;
  padding: auto;
}
.elmsgBox > .el-message-box__header > .el-message-box__title {
  font-size: 16px;
}
.elmsgBox
  > .el-message-box__content
  > .el-message-box__container
  > .el-message-box__message {
  font-size: 15px;
}
.elmsgBox > .el-message-box__content {
  margin-top: 10px;
}

.confirmDeleteBtn {
  width: 108px;
  height: 40px;
  border: 1px solid #5974ff;
  border-radius: 6px 6px 6px 6px;
  color: #fff;
  background-color: #5974ff !important;
  &:hover {
    background-color: #5974ff;
    color: #fff;
  }
}

.cancelDeleteBtn {
  width: 108px;
  height: 40px;
  border: 1px solid #5974ff;
  border-radius: 6px 6px 6px 6px;
  color: #5974ff;
  &:hover {
    background-color: #fff;
    border: 1px solid #5974ff;
    color: #5974ff;
  }
}
</style>
